html, body, ol, ul, li, header, menu, nav {font-family: "Microsoft YaHei",Helvetica,Arial,sans-serif;margin:0;padding: 0;border: 0;vertical-align: baseline; list-style-type:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
header, menu, nav, main,footer,section,article {display: block;}/*初始化html5标签*/
/*header*/
header {position:fixed; height:70px;color: #eee;z-index: 999;background:rgba(0,0,0,0.75);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#333333,endColorstr=#333333);}
header .logo img{width: 100%; display: block; }
header .logo {position: fixed;top:5px;left:20px;width:200px;-webkit-transition: all .2s ease-in-out 0s;-moz-transition: all .2s ease-in-out 0s;-ms-transition: all .2s ease-in-out 0s;-o-transition: all .2s ease-in-out 0s;transition: all .2s ease-in-out 0s;}
header #cd-menu-trigger .cd-menu-icon {display: inline-block; float:left;margin:22px 0 0 0;width: 25px;height:22px; background:url(../js/menu/menu.png);}
header .words {display: block;position: fixed;top:35px;left: 220px; font-size:14px; color:#ccc;letter-spacing: 1px;font-weight: normal;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
}
header nav.menu2 {
	margin:0px 0 0 150px;text-align: center; font-size:18px; *padding-left:200px;/*IE7 IE6*/
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
}
header nav.menu2 ul li {margin:0 5px;padding:0 10px 0 10px; *float:left;/*IE7 IE6*/
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
}
header nav.menu2 ul li a {color:#eee;letter-spacing:2px;cursor: pointer; line-height:70px; display:inline-block;}
header nav.menu2 ul li a:hover,header nav.menu2 ul li.active a {color:#00dfb9;text-decoration: none;}
/*menu-cur*/
.menu2 .nav-line {position:absolute; top:0; left:0; bottom:0; height:4px; line-height:2px; font-size:0; background:#00dfb9;}
/*menu-cur end*/

header .glyphicon-earphone{margin:2px 0px 0 0;width:25px;height:22px;background:url(../js/menu/tel.png); position:absolute;top:12px; right: 75px;}
header .hotline {position: fixed;top:20px;right: 285px;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
}
header .hotline span {position: fixed;color: #00dfb9;font-family: Arial;font-weight: bold;font-size: 26px;letter-spacing: 1px;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
}
header .hotline u{position: fixed;top:20px;right:290px;display: block;width: 30px;height: 30px;text-decoration: none;background: url(../images/icons.png) no-repeat;-webkit-transition: all .2s ease-in-out 0s;-moz-transition: all .2s ease-in-out 0s;-ms-transition: all .2s ease-in-out 0s;-o-transition: all .2s ease-in-out 0s;transition: all .2s ease-in-out 0s;}
header .hotline a{color: #00dfb9;}
/*header end*/

/*@header*/
@media (max-width:1500px) {
header .words {display:none;}
}
@media (max-width:1300px) {
header .logo{left:20px;width:200px;}
header .words{display: none;}
header nav.menu2{margin-left: -40px;}
header nav.menu2 ul li{margin: 2px 2px; font-size:16px;}
header .hotline{right:285px;}
header .hotline u{right:290px;}
header #cd-menu-trigger .cd-menu-icon{margin:10px 0 0 0;}
}
@media (max-width:1080px) {
header {height: 70px;}
header #cd-menu-trigger .cd-menu-icon {margin:22px 0 0 0;}
header .words {display: block;left:230px;top:45px;}
header .hotline {right: 285px; top:18px;}
header .hotline u {right: 290px;top:18px;}
header .menu-icon {display: block;}
header nav.menu2 {position:fixed;width:72px;top:38px;right:-100px;margin:0;padding-top:30px;border:1px solid #000;border-top:1px solid #00dfb9;border-right:0;background:#222;}
header nav.menu2.active {display: block;margin: 0px;right: 0px;}
header nav.menu2 ul li{margin:0;margin-left:5px;width:73px;padding:8px 0;font-family:"宋体";font-size:14px;text-align:center;}
header nav.menu2 ul li.active {background: #111;}
header nav.menu2 .line {-moz-opacity: 0;opacity: 0;}
header .logo {top:8px;}
}
@media (max-width:1300px) and (min-width:1080px) {
header .logo{top:5px;}
header .words {display:none;}
header #cd-menu-trigger .cd-menu-icon{margin:22px 0 0 0;}
header nav.menu2 {margin-left:120px;}
header nav.menu2 ul li{margin:0 5px;padding:0 5px 0 5px;font-size:16px;}
}
@media (max-width:1650px) and (min-width:1080px) {
header .hotline {display:none;}
}
@media (max-width:1080px) and (min-width:720px) {
header nav.menu2 {display: none;}
header .logo{top: 8px;}
header #cd-menu-trigger .cd-menu-icon{margin:22px 0 0 0;}
}
@media screen and (orientation:landscape) and (max-width: 1080px) {
.glyphicon-earphone{display:none} /*横屏*/
}
@media (min-width: 400px) {
.glyphicon-earphone{display:none} /*PC*/
}
@media (max-width:720px) {
header {height: 50px;}
header .logo{top: 6px;left: 0px;width: 120px;}
header #cd-menu-trigger .cd-menu-icon{margin:13px 0 0 0;}
header .words {display: none;}
header .menu-icon{top: 18px;right: 30px;}
header nav.menu2{width: 60px;top: 22px;padding-top: 30px;}
header nav.menu2 ul li{margin-left: 5px;width: 55px;padding: 5px 0px;font-size: 12px;}
header .hotline{top:12px;right: 218px;}
header .hotline span{font-size: 20px;}
header .hotline u{top: 14px;right: 223px;width: 15px;height: 21px;background: url(../images/icons.png) no-repeat 0px -34px;}
}
@media (max-width:460px) {
header{height:50px;}
header .logo{width: 120px;}
header .menu-icon{top: 12px;/*tel*/}
header nav.menu{top: 17px;}
header .hotline{display: none;}
}
@media (max-height:310px) {
header{display: none;height:0px;}
}
/*@header end*/

/*menu*/
.list-inline{padding-left:0;margin-left:-5px;list-style:none}
.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}
.cd-navigation a {color: #6cac70;text-decoration: none;}
.cd-img-replace {display: inline-block; overflow: hidden;text-indent: 100%;white-space: nowrap;}
.overflow-hidden { overflow: hidden;}
.cd-main-content {min-height: 100%;background-color: #fff;z-index: 1;padding-top:55px;position: relative; z-index:1;}
.cd-main-content.lateral-menu-is-open {
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}
@media only screen and (min-width: 720px) {
.cd-main-content {padding-top: 55px;}
}
.cd-main-imgnone{height:0; line-height:0; font-size:0;/*img模糊bug 占位*/}
.ontop{position:relative; z-index:1000;}
header {position:fixed;top: 0;left: 0;
  /*height: 50px;*/width: 100%;z-index: 2; 
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
header.lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}
header.is-fixed {position: fixed;}

#cd-menu-trigger {position: absolute;right: 15px;top: 0;height: 100%;width:35px;}
#cd-menu-trigger .cd-menu-text {
  height: 100%;
  /*text-transform: uppercase;*/
  color: #FFF;font-weight: 600;display: none;
}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {
  content: '';width: 100%;height: 100%;position: absolute;background-color: inherit;left: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
#cd-menu-trigger .cd-menu-icon::before {bottom: 5px;}
#cd-menu-trigger .cd-menu-icon::after {top: 5px;}
#cd-menu-trigger.is-clicked .cd-menu-icon {background:url(../js/menu/close.png);}

@media only screen and (min-width: 720px) {
#cd-menu-trigger {width: 60px;padding-left: 1.25em;}
#cd-menu-trigger .cd-menu-text {display: inline-block;line-height: 50px;}
#cd-menu-trigger .cd-menu-icon {left: auto;right: 1.25em;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
#cd-menu-trigger .cd-menu-icon {display: inline-block;margin:28px 0 0 0;width: 25px;height: 22px; background:url(../js/menu/menu.png);}
}

#cd-lateral-nav {position:fixed;height: 100%;right: -260px;top: 0; padding-bottom:50px;
  /* the secondary navigation is covered by the main element */
  z-index:1;width: 260px;background-color: #1E1E1E;overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateX(80px);
  -moz-transform: translateX(80px);
  -ms-transform: translateX(80px);
  -o-transform: translateX(80px);
  transform: translateX(80px);
}
#cd-lateral-nav .cd-navigation {margin: 10px 0 0px;}
#cd-lateral-nav .sub-menu {padding: 0 10px 20px 17px;display: none;}
.sub-menu span{line-height:2em; padding:0 0 0 8px; background:url(../js/menu/sanj.png) left center no-repeat;}
#cd-lateral-nav a {display: block;line-height: 2em;padding: 0 2px 0 30px;color: #aab5b7;}
#cd-lateral-nav a.current {background-color:#363b3c;color:#FFF;}
.no-touch #cd-lateral-nav a:hover {color: #FFF;}
@media only screen and (min-width: 768px) {
#cd-lateral-nav .cd-navigation {margin: 20px 0;}
}
#cd-lateral-nav.lateral-menu-is-open {
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
  /* smooth the scrolling on touch devices - webkit browsers */
  -webkit-overflow-scrolling: touch;
}

/* style menu items which have a submenu  */
#cd-lateral-nav .item-has-children > a {position: relative;font-weight: 100;}
#cd-lateral-nav .item-has-children > a::after {
  content: '';display: block;height: 11px;width: 8px;position: absolute;top: 50%;bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1em;
  background: url("../js/menu/cd-arrow.png") no-repeat center center;
  background-size: 8px 11px;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
#cd-lateral-nav .item-has-children > a.submenu-open::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
#cd-lateral-nav .socials {padding: 0 32px;}
#cd-lateral-nav .socials:after {content: "";display: table;clear: both;}
#cd-lateral-nav .socials a {height: 32px;width: 32px;float: left;padding: 0;
  background-image: url("../js/menu/cd-socials.png");
  background-repeat: no-repeat;
  background-size: 128px 64px;
  background-color: #FFF;
  margin-right: .5em;
  border-radius: 0.25em;
}
#cd-lateral-nav .socials a.cd-twitter {background-position: 0 0;}
#cd-lateral-nav .socials a.cd-github {background-position: -32px 0;}
#cd-lateral-nav .socials a.cd-facebook {background-position: -64px 0;}
#cd-lateral-nav .socials a.cd-google {background-position: -96px 0;}
.no-touch #cd-lateral-nav .socials a:hover {background-color: #4e6361;}
.no-touch #cd-lateral-nav .socials a:hover.cd-twitter {background-position: 0 -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-github {background-position: -32px -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-facebook {background-position: -64px -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-google {background-position: -96px -32px;}
.icp{float:left; margin:10px 0 0 0; display: inline-block;}
.icp2,.mtel span{margin:10px 0 0 0;display: inline-block;}
/*menu end*/

/*--img--*/
.m-list {cursor:pointer;}
.m-list .img {overflow: hidden; }
.m-list img {
/* width: 360px; */
overflow: hidden;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}

#scroll .item:hover .img img,#scroll2 .item:hover .img img,#scroll3 .item:hover .img img,#scroll4 .item:hover .img img,.new:hover .img img,.case:hover .img img {
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05); }
/*--img end--*/
/*kefu*/
.yb_conct {position: fixed;z-index: 9999999;top: 40%;right: -130px;cursor: pointer;transition: all .3s ease;}
.yb_bar ul li {width:180px;height: 54px;font: 15px/54px 'Microsoft YaHei';color: #fff;text-indent: 54px;margin-bottom: 1px;border-radius: 2px;transition: all .1s ease;overflow: hidden;}

.yb_bar .yb_top {background:#555 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_top:hover {background:#F60 url(../images/fixCont.png) no-repeat 0 0;}

.yb_bar .yb_phone {background:#555 url(../images/fixCont.png) no-repeat 0 -55px;}
.yb_bar .yb_phone:hover {background:#F60 url(../images/fixCont.png) no-repeat 0 -55px;}

.yb_bar .yb_QQ a{color:#FFF;}
.yb_bar .yb_QQ {text-indent:0;background:#555 url(../images/fixCont.png) no-repeat 0 -110px;}
.yb_bar .yb_QQ:hover{text-indent:0; background: #F60 url(../images/fixCont.png) no-repeat 0 -110px;}

.yb_bar .yb_du {background:#555 url(../images/fixCont.png) no-repeat 0 -165px;}
.yb_bar .yb_du:hover {background:#F60 url(../images/fixCont.png) no-repeat 0 -165px;}

.yb_bar .yb_ercode {background:#555 url(../images/fixCont.png) no-repeat 0 -220px;}

.hd_qr {padding: 0 29px 25px 29px;}
.yb_QQ a {display: block;text-indent: 54px;width: 100%;height: 100%;color: #fff;}
@media (max-width:700px),(max-height:600px) {
.yb_conct {display: none;}
}
/*kefu end*/
.tong{margin:10px 0; width:20px; height:20px; display:block; background:url(../images/img.png) no-repeat 0 -300px;}
@media (max-width:800px){
#newBridge{display:none!important;} /*AiFanFan*/
}